<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 
<h:head>
<h:outputStylesheet name="estilos-catalogos.css" library="css"></h:outputStylesheet>
<script type="text/javascript">
function llenarCampos()
{
 	document.getElementById("formHotel:txtCodigo").value=' ';
	document.getElementById("formHotel:txtNombre").value=' ';
	document.getElementById("formHotel:txtCalificacion").value=' ';
}
</script>
</h:head>  
<body> 
<h:form id="formHotel">
<p:panel header="Hotel">
<p:panelGrid columns="3" styleClass="gridCatalogos">
<h:inputHidden value="#{hotelController.idHotel}" id="txtHotel" />
<h:outputText value="C&#243;digo" />
<p:inputText id="txtCodigo" value="#{hotelController.codigoHotel}" required="true" label="C&#243;digo" requiredMessage="Favor ingrese un valor"/>
<p:message for="txtCodigo" id="msnCodigo" />
<h:outputText value="Nombre" />
<p:inputText id="txtNombre" value="#{hotelController.nombreHotel}" required="true" label="Nombre" requiredMessage="Favor ingrese un Nombre"/>
<p:message for="txtNombre" id="msnNombre" />
<h:outputText value="Calificaci&#243;n" />
<p:inputText id="txtCalificacion" value="#{hotelController.calificacionHotel}" required="true" label="Calificaci&#243;n" requiredMessage="Favor ingrese un Valor"/>
<p:message for="txtCalificacion" id="msnCalificacion" />
<h:outputText value="Estado" />
<h:selectOneMenu value="#{hotelController.idEstadoHotel}">
<f:selectItems value="#{hotelController.listaEstado}"></f:selectItems>
</h:selectOneMenu>
</p:panelGrid>
<f:facet name="footer">
<p:commandButton id="btnAgregar" value="Agregar" action="#{hotelController.guardarHotel()}" update="@form"></p:commandButton>
</f:facet>
<f:facet name="footer">
<p:commandButton id="btnCancelar" value="Cancelar" action="#{hotelController.cancelarHotel()}" update="@form"></p:commandButton>
</f:facet>
</p:panel>
<p:messages id="mensajes" showDetail="true" globalOnly="true"></p:messages>
<p:dataTable id="tablaHotel" value="#{hotelController.listaHotel}" var="hotel" rowKey="#{hotel.hotIdPk}" rowIndexVar="row">
<p:column>
<f:facet name="header">#</f:facet>
<h:outputText value="#{row + 1}" />
</p:column>
<p:column sortBy="#{hotel.hotCodigo}">
<f:facet name="header">C&#243;digo</f:facet>
#{hotel.hotCodigo}
</p:column>
<p:column sortBy="#{hotel.hotNombre}">
<f:facet name="header">Nombre</f:facet>
#{hotel.hotNombre}
</p:column>
<p:column sortBy="#{hotel.hotCalificacion}">
<f:facet name="header">Calificaci&#243;n</f:facet>
#{hotel.hotCalificacion}
</p:column>
<p:column sortBy="#{hotel.hotEstado}">
<f:facet name="header">Estado</f:facet>
#{hotel.hotEstado =='I'?"Inactivo":"Activo"}
</p:column>
<p:column headerText="Operaciones">
	<p:commandLink value="Editar" action="#{hotelController.editarHotel(hotel.hotIdPk)}" onclick="llenarCampos()" update="@form"></p:commandLink>
</p:column>
</p:dataTable>
</h:form>
</body> 
</html>
